@function vw($px) {
    @return $px / 720 * 100vw;
}


section {
    font-size: 0;

    .login {
        height: vw(400);

        >div {
            &:nth-of-type(1) {
                vertical-align: top;
                position: relative;

                >img {
                    margin-top: vw(37);
                    width: vw(148);
                    height: vw(148);
                    margin-bottom: vw(17);
                }

                &::after {
                    content: '1';
                    display: block;
                    width: vw(40);
                    height: vw(40);
                    color: white;
                    background-color: #b30004;
                    text-align: center;
                    line-height: vw(40);
                    border-radius: 50%;
                    font-size: vw(21);
                    position: absolute;
                    top: vw(39);
                    left: vw(402);
                }
            }
        }

        >p {
            &:nth-of-type(1) {
                font-size: vw(30);
                color: white;
                line-height: vw(40);
                vertical-align: top;
                vertical-align: top;
                margin-bottom: vw(7);

                >a {
                    display: inline-block;
                    width: vw(110);
                    height: vw(30);
                    color: white;
                    border: 1px solid white;
                    font-size: vw(10);
                    text-align: center;
                    line-height: vw(28);
                    vertical-align: middle;
                }
            }
            &:nth-of-type(2){
                font-size: vw(27);
                color: white;
                margin-bottom: vw(21);
                >span{
                    color: red;
                }
            }
        }

        .star {
            margin-bottom: vw(13);

            i {
                font-size: vw(25);
                color: #f8ce08;
                margin-right: vw(10);
            }
        }

        .denglubutton{
            a{
                display: inline-block;
                width: vw(250);
                height: vw(60);
                text-align: center;
                line-height: vw(60);
                font-size: vw(27);
                border-radius: vw(30);
                &:nth-of-type(1){
                    background-color: #b2000b;
                    color: white;
                    margin-right: vw(22);
                }
                &:nth-of-type(2){
                    background-color: #cdcdcd;
                    color: white;
                }
            }
        }
    }

    .login-bottom{
        >ul{
            >li{
                &:nth-of-type(1){
                    p{
                        &:nth-of-type(2){
                            transform: rotateZ(90deg);
                        }
                    }
                }
            }
            label{
                display: block;
                width: vw(485);
                height: vw(94);
                font-size: vw(29);
                color: white;
                margin-left: vw(102);
                padding-top: vw(35);
                &:nth-of-type(1){
                    border-bottom: 1px solid #303030;
                }
                &:nth-of-type(2){
                    height: vw(68);
                }
            }
        }
    }
}